@charset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ff9344;
header {
    .head_min {
        color: $color;
        width: r(162);
        height: r(60);
        margin-top: r(34);
        margin-left: r(80);
        position: relative;
        &:after {
            content: "2";
            display: block;
            height: r(27);
            width: r(27);
            border-radius: r(27);
            position: absolute;
            top: 0;
            right: r(21);
            font-size: r(20);
            background-color: #fa5050;
            color: #ffffff;
            line-height: r(27);
            text-align: center;
        }
        span i {
            font-size: r(50);
            padding-left: 50%;
            position: absolute;
        }
    }
}

section {
    .mine_top {
        width: 94%;
        height: r(170);
        overflow: hidden;
        margin: 0 auto;
        .mine_top_left {
            width: r(170);
            height: r(170);
            border-radius: 50%;
            position: relative;
            -webkit-transform: rotate(0deg);
        }
        .mine_top_right {
            line-height: r(170);
            i {
                font-size: r(60);
            }
        }
        .mine_top_center {
            ul {
                height: r(170);
                li {
                    padding-top: r(34);
                    padding-left: r(196);
                    line-height:r(30);
                    &:nth-of-type(1) {
                        font-size: r(30);
                    }
                    &:nth-of-type(2) {
                        font-size: r(26);
                        color: #9d9d9d;
                    }
                }
            }
        }
    }
     .mine_min{
      width: 94%;
      margin: 0 auto;
      height: r(170);
      margin-top: r(30);
      ul{
          width: 100%;
          height: r(170);
          li{
             display: block;
              height: r(170);
              text-align: center;
              overflow: hidden;
              &:nth-of-type(1){
                  width: 30%;
                  background-color: #b2e0a0;
                  p{
                      font-size: r(26);
                      text-align: center;
                  }
                  i{
                     font-size: r(100); 
                     color: #fff;
                      
                  }
              }
                &:nth-of-type(2){
                  width: 30%;
                  margin:0 auto;
                  margin-left: 5%;
                  margin-right: 5%;
                  background-color: #a0dce0;
                 
                  p{
                      font-size: r(26);
                      text-align: center;
                  }
                  i{
                     font-size: r(100); 
                     color: #fff;
                      
                  }
              }
                &:nth-of-type(3){
                  width: 30%;
                  background-color: #e0b7a0;
                  p{
                      font-size: r(26);
                      text-align: center;
                  }
                  i{
                     font-size: r(100); 
                     color: #fff;
                      
                  }
              }
          }
      }
  } 
    .toptow{
      height: r(72) !important;
      margin-top: r(33) !important;
      font-size: r(26) !important;
     
      .my_iconone{
          color: #ef9c0a !important;
          font-size: r(60) !important;
          vertical-align: middle !important;
      }
      .my_icontow{
         font-size: r(60) !important;
         vertical-align: middle !important;
      }
      .my_icontrve{
          color: #b2e0a0 !important;
          font-size: r(60) !important;
          vertical-align: middle !important;
      }
  } 
  .mine_button{
      width: 90%;
      height: r(115);
      margin: 0 auto;
      text-align: center;
      button{
          width: r(146);
          height: r(77);
          color: #fff;
          background-color: $color;
          border-radius: r(37);
          margin:r(33) r(64) 0;
          font-size: r(30);
      }
  }
}